$(function(){
	$('.side-nav ul li').each(function(){
		$(this).click(function(){
			var index = $(this).index();
			$(this).parent().children().removeClass('active');
			$(this).addClass('active');
			if($(this).attr('id') == 'quit'){
				$('.mask').removeClass('hide');
				$('.prompt').removeClass('hide');
			}
			$(this).parents('.container').find('.section').addClass('hide');
			$('.section').eq(index).removeClass('hide');
		})
	})

	$('#cancle').click(function(){
		$(this).parents('.prompt').addClass('hide');
		$('.mask').addClass('hide');
		console.log($(this).parents('section'));
	})
	$('#close-btn').click(function(){
		$(this).parents('.prompt').addClass('hide');
		$('.mask').addClass('hide');
		console.log($(this).parents('section'));
	})
})